<style >
    .test{
        backgroud:red;
    }
</style>
<link href="../example/a.css"/><!--引用外部样式-->
<link href="../example/b.css"/><!--引用外部样式-->
<template>
    <div>
    <div class="panel panel-default">
        <div class="panel-body">
            <test_child></test_child>
            <button  v-link="'test/page1'"  class="btn btn-default">测试组件</button>
            <button  v-link="'test/page2'"  class="btn btn-default">测试子组件</button>
            <button  v-link="'test/page3'"  class="btn btn-default">测试 layout</button>
            <button  v-link="'test/page5'"  class="btn btn-default">测试路由的参数</button>
            <a  href="#test/page6" class="btn btn-default">测试组件的缓存</a>
        </div>
    </div>
        <div style="padding: 20px;">
            <h2>Vue-Rap</h2>
            <p>   文档地址:<a target="_blank" href="https://www.kancloud.cn/tengzhinei/vue-rap/550001">https://www.kancloud.cn/tengzhinei/vue-rap/550001</a></p>
            <p>   git地址:<a target="_blank" href="https://gitee.com/tengzhinei/Vue-rap">https://gitee.com/tengzhinei/Vue-rap</a></p>
            <h3>  概述</h3>
  <p>  vue-rap 可以在不使用大量前端工具(如npm,webpack,Browserify等)的情况下快速构建基于 Vue 的大型单页面应用;</p>

    <h3>  优点</h3>
    <p> 学习成本低,上手快</p>
    <p> vue-rap拥有类似 .vue 的单页面组件;</p>
    <p> vue-rap拥有可以方便使用的路由系统,路由秉承约定大约配置,可以快速路由,无限拓展;</p>
    <p>  vue-rap拥有强大的缓存机制,应用支持秒级打开,边使用边下载,可以使用 vue-rap 构建流应用;</p>
    <p>  vue-rap可用于网站后台和移动H5网站项目的开发</p>
    </div>
    </div>
</template>
<script>
    //这里定义组件
    Rap.define(['child'],{
        data: function(){
            return {
            }
        },
        created:function () {

        },
        init:function () {
        },methods:{
        }
    })
</script>